.evaluation-task {
  width: 100%;
  height: calc(100vh - 50px);
  display: flex;
  // background-color: pink;
  border: 1px solid red;

  .left {
    // width: 600px;
    height: 100%;
    flex:2;
    border: 1px solid pink ;
    // background: url('../../assets/evaluationTask/img/left.png') no-repeat;
    // background-size: 100% 100%;
  }
  .main {
    width: 100%;
    height: 100%;
    margin-left: 30px;
    flex:4;
    // background: url('../../assets/evaluationTask/img/right.png') no-repeat;
    // background-size: 100% 100%;
    border: 1px solid green ;
  }
}
.imgBox {
  display: flex;
  justify-content: space-around;
  .item {
    .item-item {
      .img {

      }
      .num {
        text-align: center;
        .name {
          font-size: 18px;
          font-weight: 600;
          margin-top: 10px;
          margin-bottom: 20px;
        }
      }
    }

  }
}
.common {
  margin-top: 20px;
}
.footer {
  width: 100%;
  height: calc(100vh - 270px);
  padding: 10px;
  border:solid 1px saddlebrown;

}
// 进度条
.progress {
  display: flex;
}
.progress-item {
  margin-top: 3px;
  margin-right: 3px;
  width: 80px;
}
.ipt-comm {
  display: flex;
  justify-content: space-between;
}
::v-deep {
  .ipt .el-button {
    margin-left: 10px;
   }
   .ipt .el-input__inner {
     border: 1px solid #00ffab;
   }
   .ipt .el-button--primary {
     background-color: #00ffab;
     border: 1px solid #00ffab;
   }
}


::v-deep  .el-radio-group {
  margin-right: 10px;
  background-color: #034420;
  border: 1px solid #12D676;
  border-radius: 25px;
  .el-radio-button {
    .el-radio-button__inner {
     padding: 0 14px;
     height: 28px;
     line-height: 28px;
     background-color: #034420;
     border: none;
    border-radius: 25px;
    }
  }
  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: #00ffab;
      }
     
}
.imgBJ {
  vertical-align: middle;
  margin: 0 5px;
}

.footer-img {
  width: 100%;
    height: 100%;
  display: flex;
  justify-content: space-around;
  .img1 {
    width: 100%;
    height: 80%;
    flex: 1;
  background: url('../../assets/evaluationTask/img/footer-1 (1).png') no-repeat;
  background-size: 100% 100%;
margin-right: 20px;
  // background-color: pink;
  text-align: center;
  // padding:0 20px;
  
  }
  .img2 {
    width: 100%;
    height: 80%;
    flex: 1;
  background: url('../../assets/evaluationTask/img/footer-1 (3).png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  }
}
h2{
  text-align: center;
  margin-bottom: 280px;
}

.fenye {
  margin-top: 20px;
  text-align: center;
}